<template>
    <div class="subpage">
        <location></location>
        <div class="content">
            <sliderup></sliderup>
            <transition name="el-zoom-in-center"
                        mode="out-in">
                <router-view class="sub"></router-view>
            </transition>
        </div>
    </div>
</template>

<script>
import location from './location/location'
import sliderup from './slider/sliderup'
export default {
    components: {
        location,
        sliderup
    },
    data() {
        return {

        }
    }
}
</script>

<style lang="less">
.subpage {
    width: 1336px;
    margin: 0 auto;
    .content {
        margin: 30px 0 60px 0;
        display: flex;
        .sub {
            margin: 0px 40px 0px 40px;
            flex: 1;
            text-align: left;
        }
    }
}
</style>